﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ChiTietGioHang.ascx.cs" Inherits="cbmobile.MasterUser.UC_Page.ChiTietGioHang" %>


<div class="bann-top"></div>
<div id="pro-home-info">
        <div class="pro-home-titles">
            <p>
                <span>Giỏ hàng của bạn</span>
            </p>
        </div>

        <div class="pro-home-detail">
            <table cellspacing="0" style="width:100%; border-collapse:collapse;">
                <tbody>
                    <tr class="tr_shop">
                        <th class="td_center" style=" width:48px;" scope="col">Mã Sản Phẩm</th>
                        <th class="td_nobor_center" style="width:100px;" scope="col">Sản phẩm</th>
                        <th class="td_nobor_center" style="width:170px;" scope="col">  </th>
                        <th class="td_center" scope="col" style="width:20px;">  </th>
                        <th class="td_center" scope="col" style="width:50px;"> Gói </th>
                        <th class="td_center" scope="col" style="width:90px;"> Màu Sắc (Cấu hình) </th>
                        <th class="td_price" scope="col" style="width:95px;">Giá bán</th>
                        <th class="td_quantity" scope="col" style="width:65px;">Số lượng</th>
                        <th class="td_center" scope="col" style=" width:20px;"> </th>
                        <th class="td_last" scope="col" style="width:100px;">Thành tiền (VND)</th>
                    </tr>
                    
                        <asp:DataList ID="dtlGioHang" RepeatColumns="1" runat="server" 
                            ondeletecommand="dtlGioHang_DeleteCommand" 
                            onupdatecommand="dtlGioHang_UpdateCommand">
                            <ItemTemplate>
                            <tr class="tr_s_no">
                                <td class="td_first" style=" width:48px;">
                                    <asp:Label ID="lblMaSP" Width="42" runat="server" Text='<%# Eval("MaSP") %>'>'></asp:Label>
                                </td>
                                <td class="td_image" style=" width:100px;">
                                    <div style=" width:94px;">
                                        <asp:Image ID="imgHinh" Width="60" runat="server" ImageUrl='<%# Eval("Hinh") %>' />    
                                    </div>
                                    
                                </td>
                                <td class="td_right" style=" width:160px;">
                                    <asp:Label ID="lblTenSP" Width="154" runat="server" Text='<%# Eval("TenSP") %>'></asp:Label>
                                </td>
                                <td class="td_right" style="width:20px; padding:5px 0 5px 0;">
                                <asp:ImageButton runat="server" ID="imgbttXoa" 
                                        ImageUrl="~/MasterUser/Image/imgUC/DeleteRed.png" ToolTip="Xóa Sản Phẩm"
                                    CommandName="Delete" 
                                        CommandArgument='<%# DataBinder.Eval(Container.DataItem, "MaSP") %>' 
                                        OnClientClick="return confirm ('Bạn có thật sự muốn xóa sản phẩm?');" 
                                        CausesValidation="false"/>
                                </td>
                                <td style="width:50px; text-align:center; vertical-align:middle;">
                                    <div style="width:50px;">Hoàn hảo</div>
                                    
                                </td>
                                <td class="td_right" style="width:90px;">
                                    <div style="width:84px;">
                                       <asp:DropDownList ID="dropMau" Width="84" runat="server" AutoPostBack="true">
                                            <asp:ListItem Text="Màu Đen" Value="Màu Đen"></asp:ListItem>
                                            <asp:ListItem Text="Màu Trắng" Value="Màu Trắng"></asp:ListItem>
                                            <asp:ListItem Text="Màu Bạc" Value="Màu Bạc"></asp:ListItem>
                                       </asp:DropDownList>
                                     </div>
                                </td>
                                <td class="td_price" style="width:95px;">
                                    <asp:Label ID="lblGia" Width="89" runat="server" Text='<%# Eval("Gia") %>'></asp:Label>
                                </td>
                                <td class="td_quantity" style="width:65px;">
                                    <asp:TextBox ID="txtSoLuong" Width="59" runat="server"  
                                        Text='<%# Eval("SoLuong") %>' EnableTheming="True" 
                                        ontextchanged="txtSoLuong_TextChanged"></asp:TextBox>
                                    
                                </td>
                                <td class="td_right" style="width:20px; padding:5px 0 5px 0;">
                                    <asp:ImageButton ImageUrl="~/MasterUser/Image/imgUC/OK.jpg"
                                     CommandName="Update" ID="imgUpdate" runat="server" Width="20" />
                                </td>
                                <td class="td_last" style="width:100px;">
                                    <asp:Label ID="lblThanhTien" Width="94" runat="server" Text='<%# Eval("ThanhTien") %>'>'></asp:Label>
                                    <asp:Label ID="lblLoaiSP" runat="server" Visible="false" Text='<%# Eval("LoaiSP") %>'></asp:Label>
                                </td>
                             </tr>
                            </ItemTemplate>
                        </asp:DataList>
                    
                </tbody>
            </table>

            <div class="shop_comand">
                <div class="shop_comand_btn">
                    <asp:Button ID="cmdXoaHet" runat="server" Text="Xóa hết" Width="80" 
                        onclick="cmdXoaHet_Click" /> &nbsp;&nbsp;
                    <asp:Button ID="cmdMuaThem" runat="server" Text="Mua thêm" Width="80" 
                        onclick="cmdMuaThem_Click" />
                </div>
                <div class="shop_comand_text">
                    <div class="to_text">Tổng tiền (VND):</div>
                    <div class="to_price">
                        <asp:Label ID="lblTongTien" runat="server"></asp:Label>
                    </div>
                </div>
            </div>

            <div>
                <div class="shop_info_left shop_info_left_o">
                    <div class="shop_help">
                        <p style="color:Red;">Chú ý:</p>
                         Sau khi quí khách thay đổi số lượng sản phẩm cần mua, hãy click vào nút &nbsp; <img src="MasterUser/Image/imgUC/OK.jpg"" style=" width:20px;" />&nbsp; để xác nhận thay đổi trong giỏ hàng. Xin trân trọng cảm ơn!!
                    </div>
                    <div class="shop_help">
                        Mời quí khách
                        <a href="">Đăng nhập</a>
                        nếu la thành viên, hoặc điền đầy đủ thông tin dưới để chúng tôi liên lạc vs giao hàng
                    </div>

                    <div class="shop_input shop_input_o">
                        <div class="shop_tr">
                            <div class="required"> Họ và tên&nbsp; </div>
                            <asp:DropDownList ID="ddlGioiTinh" CssClass="select_o" Width="50" runat="server">
                                <asp:ListItem Text="Anh" Value="0" Selected="True"></asp:ListItem>
                                <asp:ListItem Text="Chi" Value="1"></asp:ListItem>
                            </asp:DropDownList>
                            <asp:Label ID="lblHo" runat="server">&nbsp;Họ&nbsp;</asp:Label>
                            <asp:TextBox ID="txtHo" CssClass="txt_empty" Width="120" runat="server"></asp:TextBox>
                            <asp:Label ID="lblTen" runat="server">&nbsp;Tên&nbsp;</asp:Label>
                            <asp:TextBox ID="txtTen" CssClass="txt_empty" Width="65" runat="server"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" ControlToValidate="txtTen" ValidationGroup="Member" runat="server" ErrorMessage="Xin nhập họ tên">(*)</asp:RequiredFieldValidator>
                        </div>
                        <div class="shop_tr"></div>
                        <div class="clear"></div>
                        <div class="shop_tr">
                            <div class="required">Địa chỉ</div>
                            <asp:TextBox ID="txtDiaChi" CssClass="txt_empty" runat="server"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="txtDiaChi" ValidationGroup="Member" runat="server" ErrorMessage="Địa chỉ không thể bỏ trống">(*)</asp:RequiredFieldValidator>
                        </div>
                        <div class="shop_tr">
                            <div class="required">Số điện thoại</div>
                            <asp:TextBox ID="txtSDT" CssClass="txt_empty" runat="server"></asp:TextBox>
                            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" ControlToValidate="txtSDT" ValidationGroup="Member" runat="server" ErrorMessage="Hãy nhập số điện thoại của bạn">(*)</asp:RequiredFieldValidator>

                        </div>
                        <div class="shop_tr">
                            <div class="no_style">Email</div>
                            <asp:TextBox ID="txtEmail" CssClass="txt_empty" runat="server"></asp:TextBox>
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator1"
                             ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ControlToValidate="txtEmail" runat="server" 
                                ErrorMessage="RegularExpressionValidator"
                                ValidationGroup="Member">(*)</asp:RegularExpressionValidator>
                        </div>
                        <div class="shop_tr">
                            <div class="no_style">Thanh toán</div>
                            <asp:DropDownList ID="ddlPhuongThuc" runat="server">
                                <asp:ListItem Text="Thanh toán tại nhà" Selected="True" Value="1"></asp:ListItem>
                                <asp:ListItem Text="Thanh toán tại cửa hàng" Value="2"></asp:ListItem>
                            </asp:DropDownList>
                        </div>
                        <div class="shop_tr">
                            <div class="no_style">Ghi chú</div>
                            <asp:TextBox ID="txtGhiChu" runat="server" TextMode="MultiLine" Width="240" Columns="20" Rows="3" ToolTip="Nội dung Quý khách muốn ghi chú khoảng 300 ký tự"></asp:TextBox>
                        </div>
                        <div class="shop_tr">
                            <div class="no_style">  </div>
                            <asp:CheckBox ID="cbSMS" runat="server" Text="Nhận SMS từ hệ thống." />
                        </div>
                    </div>
                    <div class="clear"></div>
                    <div class="shop_in_com">
                        <asp:Button ID="cmdTiepTuc" runat="server" Text="Tiếp tục" 
                            onclick="cmdTiepTuc_Click" />
                    </div>
                </div>

            </div>
            
        </div>

</div>
<div class="bann-bot"></div>